<header>
    <div class="sy-charity-top-bg">
        <div class="head-log container">
            <img src="/images/text.png" class="img-responsive">
        </div>
        <span ng-if="!!currentUser" style="position: absolute;top: 80px; right: 100px;font-size: 14px;">您好,{{currentUser.userName}}
                    |
            <a style="color: #8e2523;font-size: 14px;" href="" ng-click="logout()">退出</a>
        </span>

        <span ng-if="!currentUser" style="position: absolute;top: 80px; right: 100px;font-size: 14px;">您好， 请
            <a style="color: #8e2523;font-size: 14px;" href="/#/login">登录</a>
            |
            <a style="color: #8e2523;font-size: 14px;" href="/#/register">注册</a>
        </span>
    </div>
    <!--<div class="container">-->
    <nav class="navbar sy-charity-navbar">
        <div class="container">
            <ul class="nav navbar-nav" id="charity-nav">
                <li ng-class="{'active': $ctrl.currentView == 'home'}">
                    <a href="" ng-click="$ctrl.aClick('home')">首页</a>
                </li>
                <li ng-class="{'active': $ctrl.currentView == 'charitySociety'}">
                    <a href="" ng-click="$ctrl.aClick('charitySociety')">慈善协会</a>
                    <ul style="display: none;">

                        <a ng-click="$ctrl.navClicked('charitySociety', 'introduce')" ><li>简介 </li></a>

                        <a ng-click="$ctrl.navClicked('charitySociety', 'rule')" ><li>章程</li></a>

                        <a ng-click="$ctrl.navClicked('charitySociety', 'finance')" ><li>财务制度</li></a>

                        <a ng-click="$ctrl.navClicked('charitySociety', 'project')" ><li>项目制度</li></a>

                        <a ng-click="$ctrl.navClicked('charitySociety', 'project')" ><li>组织荣誉</li></a>

                        <a ng-click="$ctrl.navClicked('charitySociety', 'other')" ><li>其他制度</li></a>

                    </ul>
                </li>
                <li ng-class="{'active': $ctrl.currentView == 'charityFoundation'}">
                    <a href="" ng-click="$ctrl.aClick('charityFoundation')">基金会</a>
                    <ul style="display: none;">

                        <a href="" ng-click="$ctrl.navClicked('charityFoundation', 'introduce')"><li>简介</li></a>

                        <a href="" ng-click="$ctrl.navClicked('charityFoundation', 'rule')"><li>章程</li></a>

                    </ul>
                </li>
                <li ng-class="{'active': $ctrl.currentView == 'audit'}">
                    <a href="" ng-click="$ctrl.aClick('audit')">监督公示</a>
                </li>
                <li ng-class="{'active': $ctrl.currentView == 'projectList'}">
                    <a href="" ng-click="$ctrl.aClick('projectList')">乐捐</a>
                </li>
                <li ng-class="{'active': $ctrl.currentView == 'tinyLove'}">
                    <a href="" ng-click="$ctrl.aClick('tinyLove')">微爱</a>
                </li>
                <li ng-class="{'active': $ctrl.currentView == 'happyLive'}">
                    <a href="" ng-click="$ctrl.aClick('happyLive')">乐活</a>
                </li>
            </ul>
        </div>
    </nav>
    <!--</div>-->
</header>
<script>
    jQuery(function () {
        jQuery(".navbar-nav > li").hover(function () {
            jQuery(this).css({"background": "#4595e5", color: "#FFFFFF"});
            jQuery(this).find("a").eq(0).css({color: "#FFFFFF"});
            jQuery(this).children('ul').show();

        }, function () {
            jQuery(this).css({"background": "none", color: "#FFFFFF"});
            jQuery(this).children('ul').hide();
            jQuery(this).find("a").eq(0).css({color: "#FFFFFF"})

        })
    });
</script>
